<!doctype html>
<html>

<head>
<meta charset="utf-8">
<link media="all" href="css/home.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/swipe.js"></script>

<title>登山手机页面</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta content="" name="Keywords">
<meta content="" name="Description">
<!-- Mobile Devices Support @begin -->
<meta http-equiv="Content-Type" content="application/xhtml+xml;charset=UTF-8">
<meta http-equiv="Cache-Control" content="no-cache,must-revalidate">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="0">
<meta name="format-detection" content="telephone=no, address=no">
<meta content="yes" name="apple-mobile-web-app-capable"> <!-- apple devices fullscreen -->
<meta content="black-translucent" name="apple-mobile-web-app-status-bar-style">
<!-- Mobile Devices Support @end -->
<link href="favourite.ico" rel="shortcut icon">
<link rel="apple-touch-icon" href="icon.png" />
<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
<!--iPad 1 72x72 像素-->
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
<!--iPhone 4 114x114 像素-->
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />
</head>
<body>
<div id="main">
	<header>
		<a  class='return'></a>
		
		参赛团队
		
    </header>

	
	<!-- 主体内容 begin-->
	
    <div class="slide">
        <div class="box_swipe" id="banner_box">
            <ul>
            	<li><a><img src="images/banner.png"></a></li>
                <li><a><img src="images/banner.png"></a></li>
                <li><a><img src="images/banner.png"></a></li>
        	</ul>
            <ol>
                <li class="on"></li>
                <li></li>
                <li></li>
            </ol>
        </div>
    </div>
	
    <div class="cell_full">
    	<div class="panel">

			<div class="math_cell">
			   <div class='math_cell_icon'></div>
			   <lable class='gray'>赛事中心</lable>
			</div>

			<div class="math_cell">
			   <div class='math_cell_icon'></div>
			   <lable class='gray'>赛事热点</lable>
			</div>

			<div class="math_cell">
			   <div class='math_cell_icon'></div>
			   <lable class='gray'>参赛团队</lable>
			</div>

			<div class="math_cell">
			   <div class='math_cell_icon'></div>
			   <lable class='gray'>我的联赛</lable>
			</div>
   
        </div>
    </div>
	
	<div class="cell_full"> 
		<aside>
		    <div class="cell"><lable class="huge red">参赛团队</lable></div>
		
			<table class='celler list list_mission' style='margin-top:0;' >	
				<tr>
					<td style='border-bottom:none'> 
						<div class="match_team_box">
							 <img src='images/banner.png' class='match_team_img' />
							 <div class="match_team_title" >
								<lable class='blue'>第二阶段徒步登山超级赛</lable></br>
								<lable class='small gray'>共<span class='red'>10</span>支参赛队伍</lable>
							 </div>
							 <div class="match_team_slide" ></div>	
						 </div>						
						<table class='celler_inner list' style='margin-top:0;display:none'>
							<tr href='index.html'>  <!-- 直接通过href指向对应的任务页面 -->
								<td width='100'>&nbsp;1</td>
								<td>宁波登山俱乐部</td>
								<td>浙江省宁波市</td>
								<td width='100' class='to'></td>
							</tr>
							<tr>
								<td>&nbsp;2</td>
								<td>宁波登山俱乐部</td>
								<td>浙江省宁波市</td>
								<td class='to'></td>
							</tr>	
							<tr>
								<td>&nbsp;3</td>
								<td>宁波登山俱乐部</td>
								<td>浙江省宁波市</td>
								<td class='to'></td>
							</tr>
							<tr>
								<td>&nbsp;4</td>
								<td>宁波登山俱乐部</td>
								<td>浙江省宁波市</td>
								<td class='to'></td>
							</tr>				
						</table>
					</td>
				</tr>			
			</table>	    

			<table class='celler list list_mission' style='margin-top:0' >	
				<tr>
					<td style='border-bottom:none'> 
						<div class="match_team_box">
							 <img src='images/banner.png' class='match_team_img' />
							 <div class="match_team_title" >
								<lable class='blue'>第二阶段徒步登山超级赛</lable></br>
								<lable class='small gray'>共<span class='red'>10</span>支参赛队伍</lable>
							 </div>
							 <div class="match_team_slide" ></div>	
						 </div>						
						<table class='celler_inner list' style='margin-top:0;display:none'>
							<tr href='index.html'>  <!-- 直接通过href指向对应的任务页面 -->
								<td width='100'>&nbsp;1</td>
								<td>宁波登山俱乐部</td>
								<td>浙江省宁波市</td>
								<td width='100' class='to'></td>
							</tr>
							<tr>
								<td>&nbsp;2</td>
								<td>宁波登山俱乐部</td>
								<td>浙江省宁波市</td>
								<td class='to'></td>
							</tr>	
							<tr>
								<td>&nbsp;3</td>
								<td>宁波登山俱乐部</td>
								<td>浙江省宁波市</td>
								<td class='to'></td>
							</tr>
							<tr>
								<td>&nbsp;4</td>
								<td>宁波登山俱乐部</td>
								<td>浙江省宁波市</td>
								<td class='to'></td>
							</tr>				
						</table>
					</td>
				</tr>			
			</table>

			<table class='celler list list_mission' style='margin-top:0' >	
				<tr>
					<td style='border-bottom:none'> 
						<div class="match_team_box">
							 <img src='images/banner.png' class='match_team_img' />
							 <div class="match_team_title" >
								<lable class='blue'>第二阶段徒步登山超级赛</lable></br>
								<lable class='small gray'>共<span class='red'>10</span>支参赛队伍</lable>
							 </div>
							 <div class="match_team_slide" ></div>	
						 </div>						
						<table class='celler_inner list' style='margin-top:0;display:none'>
							<tr href='index.html'>  <!-- 直接通过href指向对应的任务页面 -->
								<td width='100'>&nbsp;1</td>
								<td>宁波登山俱乐部</td>
								<td>浙江省宁波市</td>
								<td width='100' class='to'></td>
							</tr>
							<tr>
								<td>&nbsp;2</td>
								<td>宁波登山俱乐部</td>
								<td>浙江省宁波市</td>
								<td class='to'></td>
							</tr>	
							<tr>
								<td>&nbsp;3</td>
								<td>宁波登山俱乐部</td>
								<td>浙江省宁波市</td>
								<td class='to'></td>
							</tr>
							<tr>
								<td>&nbsp;4</td>
								<td>宁波登山俱乐部</td>
								<td>浙江省宁波市</td>
								<td class='to'></td>
							</tr>				
						</table>
					</td>
				</tr>			
			</table>			
			
			<table class='celler list list_mission' style='margin-top:0' >	
				<tr>
					<td style=''> 
						<div class="match_team_box">
							 <img src='images/banner.png' class='match_team_img' />
							 <div class="match_team_title" >
								<lable class='blue'>第二阶段徒步登山超级赛</lable></br>
								<lable class='small gray'>共<span class='red'>10</span>支参赛队伍</lable>
							 </div>
							 <div class="match_team_slide match_team_slide_show" ></div>	
						 </div>						
						<table class='celler_inner list' style='margin-top:0'>
							<tr href='index.html'>  <!-- 直接通过href指向对应的任务页面 -->
								<td width='100'>&nbsp;1</td>
								<td>宁波登山俱乐部</td>
								<td>浙江省宁波市</td>
								<td width='100' class='to'></td>
							</tr>
							<tr>
								<td>&nbsp;2</td>
								<td>宁波登山俱乐部</td>
								<td>浙江省宁波市</td>
								<td class='to'></td>
							</tr>	
							<tr>
								<td>&nbsp;3</td>
								<td>宁波登山俱乐部</td>
								<td>浙江省宁波市</td>
								<td class='to'></td>
							</tr>
							<tr>
								<td>&nbsp;4</td>
								<td>宁波登山俱乐部</td>
								<td>浙江省宁波市</td>
								<td class='to'></td>
							</tr>			
						</table>
					</td>
				</tr>			
			</table>				
			
		</aside> 		
	</div>
	<!-- 主体内容 end-->	
	
	<!-- 尾部 begin-->	
	<footer>
	  <p>© 2014超级联赛</p>
	</footer>
	<!-- 尾部 end-->	
</div>
<script type='text/javascript'>
$(function(){  
			new Swipe(document.getElementById('banner_box'), {
				speed:500,
				auto:3000,
				callback: function(){
					var lis = $(this.element).next("ol").children();
					lis.removeClass("on").eq(this.index).addClass("on");
				}
			});
			
			$('.match_team_slide').click(function(){
			    if($(this).hasClass('match_team_slide_show')){
				   $(this).parents('td').first().find('table.celler_inner').hide();
				   $(this).removeClass('match_team_slide_show')
				}
				else{
				   $(this).parents('td').first().find('table.celler_inner').slideDown();
				   $(this).addClass('match_team_slide_show')
				} 
			});
			
			$('table.celler_inner tr').click(function(){
		    	location.href= $(this).attr('href')
			})

})


</script>
</body>
</html>